<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="stylesheet" href="./static/css/iconfont/iconfont.css">
    <script src="./static/css/iconfont/iconfont.js"></script>
</head>
<body>
    <div class="editor-box">
        <div class="editor">
            <div class="editor-toolbar">
                <ul>
                    <li><i class="iconfont icon-chexiao" title="撤销"></i></li>
                    <li><i class="iconfont icon-zhongzuo" title="重做"></i></li>
                    <li><i class="iconfont icon-fuzhi" title="复制"></i></li>
                    <li><i class="iconfont icon-jianqie" title="剪切"></i></li>
                    <li><i class="iconfont icon-ziti" title="字体"></i></li>
                    <li><i class="iconfont icon-zihao" title="字号"></i></li>
                    <li><i class="iconfont icon-zitijiacu" title="加粗"></i></li>
                    <li><i class="iconfont icon-zitixieti" title="斜体"></i></li>
                    <li><i class="iconfont icon-zitixiahuaxian" title="下划线"></i></li>
                    <li><i class="iconfont icon-zitishanchuxian" title="删除线"></i></li>
                    <li><i class="iconfont icon-zitishangbiao" title="上标"></i></li>
                    <li><i class="iconfont icon-zitixiabiao" title="下标"></i></li>
                    <li><i class="iconfont icon-qianjingse" title="字体颜色"></i></li>
                    <li><i class="iconfont icon-zitibeijingse" title="字体背景色"></i></li>
                    <li><i class="iconfont icon-qingchugeshi" title="清除格式"></i></li>
                    <li><i class="iconfont icon-youxuliebiao" title="有序列表"></i></li>
                    <li><i class="iconfont icon-wuxuliebiao" title="无序列表"></i></li>
                    <li><i class="iconfont icon-juzuoduiqi" title="局左对齐"></i></li>
                    <li><i class="iconfont icon-juyouduiqi" title="居右对齐"></i></li>
                    <li><i class="iconfont icon-juzhongduiqi" title="居中对齐"></i></li>
                    <li><i class="iconfont icon-liangduanduiqi" title="两端对齐"></i></li>
                    <li><i class="iconfont icon-charulianjie" title="插入链接"></i></li>
                    <li><i class="iconfont icon-quxiaolianjie" title="取消链接"></i></li>
                    <li><i class="iconfont icon-shouhangsuojin" title="首行缩进"></i></li>
                    <li><i class="iconfont icon-tupian" title="插入图片"></i></li>
                </ul>
            </div>
            <div id="editor-content" class="editor-content" contenteditable></div>
        </div>
    </div>
</body>
</html>
